<template>
  <h1>猜数字练习</h1>
  <input type="text" placeholder="请输入1-100之间的数字" v-model="num">
  <button @click="guessNum">猜一猜</button>
  <h3>{{result}}</h3>
</template>

<script setup>
import {ref} from "vue";

  //定义一个[1,100]之间的随机数
  let x=parseInt(Math.random()*100+1);
  //定义变量用来保存用户猜的数据
  const num=ref('');
  //定义变量用来展示最终结果
  const result=ref('');
  //定义猜数字的方法
  const guessNum=()=>{
    if(num.value>x){
      result.value='猜大了';
    }else if(num.value<x){
      result.value='猜小了';
    }else{
      result.value='猜对了';
    }
  }
</script>

<style scoped>

</style>